var vm = new Vue({
    el: '#goodsdetail', //el指定一个页面中已存在的DOM元素来挂载VUE实例
    data:{
        catalogue:{},
        hotListImg:{}, //热卖商品
        thisGoodsImg:{},  //当前目录下的商品
        goodsdetailInfo:{}, //当前id商品详情
        currentPage:"", //当前的目录id
        thisgoodsId:"",
        name:"",
        userFavorGoodsList:{},//用户关注的去全部信息
        collectBtn:false, //收藏按钮flase
        carBtn:false,    //添加按钮
        goodstotal:1

    },
    created:function () {
        // this.catalogueList();
        // this.holistShow();
        // this.hostlist();
        this.showthisGoodsImg();
        this.exitsCartFoodId();

        this.existFavorGoods();
        var item = localStorage.getItem("categoryOne");  //当前的目录id
        this.currentPage=JSON.parse(item);
        this.goodsdetailQuery();
        console.log(this.goodsdetailInfo);

        var data = localStorage.getItem("hotList");
        this.hotListImg=JSON.parse(data);
        console.log(this.userByIdInfo);

        //加载目录
        var data1 = localStorage.getItem("categoryNum");
        this.catalogue=JSON.parse(data1);

        var username = localStorage.getItem("userName");
        this.name=JSON.parse(username)



    },
    methods:{
        add:function(){
            this.goodstotal+=1;
        },
        reduce:function(){
            if(this.goodstotal!=0){
                this.goodstotal-=1;
            }else {
                this.goodstotal=0;
            }
        },
        /**
         * 當前購物車是否存在该商品
         *
         */
        exitsCartFoodId:function(){
            axios.request({
                url:`/userCart/exits/${JSON.parse(localStorage.getItem("thisgoodsId"))}/${JSON.parse(localStorage.getItem("userId"))}`
            }).then(res=>{
                this.carBtn=res.data.data.isin;
            });
        },

        //添加购物车
        addCart:function() {
            axios.request({
                url: `/userCart/addCart/${JSON.parse(localStorage.getItem("thisgoodsId"))}/${JSON.parse(localStorage.getItem("userId"))}/${this.goodstotal}`
            }).then(res => {
                this.carBtn = true;
                // window.location.href="/view/car";
                layer.msg("购物车无此商品，添加成功")
            });
        },

        //更新购物车
        updateCart:function(){
            layer.msg("购物车有此商品，数量增加");
            axios.request({
                url: `/userCart/updateCart/${JSON.parse(localStorage.getItem("thisgoodsId"))}/${JSON.parse(localStorage.getItem("userId"))}/${this.goodstotal}`
            }).then(res => {
                this.carBtn = true;
                // window.location.href="/view/car";
                layer.msg("数量增加添加成功")
            });
        },
        // catalogueList:function(){
        //     //发送请求 查找目录
        //     axios.request({
        //         url:`/categorys`
        //     }).then(res=>{
        //         this.catalogue=res.data;
        //         //将后端接口返回的数据  存到缓存中
        //         localStorage.setItem("categoryNum",JSON.stringify(res.data.data))
        //     })
        // },

        /**
         * 查看是否有收藏本商品
         */
        existFavorGoods:function(){
            axios.request({
                url:`/userFavorGoods/exits/${JSON.parse(localStorage.getItem("thisgoodsId"))}/${JSON.parse(localStorage.getItem("userId"))}`
            }).then(res=>{
                this.collectBtn=res.data.data.islike;
            });
        },


        //展示本商品
        showthisGoodsImg:function () {
            axios.request({
                url: `/goods/searchOne/${JSON.parse(localStorage.getItem("categoryOne"))}`,
            }).then(res=>{
                this.thisGoodsImg=res.data;
                localStorage.setItem("showthisGoodsImg",JSON.stringify(res.data));
            });
        },

        // //展示热卖商品
        // hostlist:function(){
        //     //发送请求 返回最热门发布的四张图片
        //     axios.request({
        //         url:`/goods/search/hotlist`
        //     }).then(res=>{
        //         this.hotListImg=res.data;
        //         //存缓存   热门商品
        //         localStorage.setItem("hotList", JSON.stringify(this.hotListImg))
        //     })
        // },

        //通过目录id找响应的商品
        findByCategory:function (category=1) {
            //改变categoryOne目录的id
            localStorage.setItem("categoryOne",JSON.stringify(category));
            axios.request({
                url: `/goods/searchOne/${category}`,
            }).then(res=>{
                //存储该目录下的商品 信息   eg:groupid=1 -->以下的商品有哪些
                localStorage.setItem("categoryNumInfo",JSON.stringify(res.data));
            });
        },

        //查看商品详情页  并通过前端传来的参数 得知 当前点击的是哪一个商品
        //存入缓存  是的每次点击 都会改变商品的id
        goodsdetail:function (id=1) {
            console.log(id);
            //设置缓存id。
            localStorage.setItem("thisgoodsId",JSON.stringify(id));
            this.thisgoodsId=id;
            axios.request({
                url:`/goods/updateVisitors/${id}/${JSON.parse(localStorage.getItem("userId"))}`
            }).then(res=>{
                window.location.href="/view/goodsDetail"
            })
        },


        //通过商品的id  去查找该商品 通过后端接口返回舒服 做生命周期渲染
        goodsdetailQuery:function () {
            axios.request({
                url:`/goods/findById/${JSON.parse(localStorage.getItem("thisgoodsId"))}`
            }).then(res=>{
                //如果后端返回的数据为20000说明查找成功
                if(res.data.code==20000){
                    //将返回的数据传入详情  goodsdetailInfo
                    localStorage.setItem("goodsdetailInfo",JSON.stringify(res.data));
                    this.goodsdetailInfo=res.data.data;
                }
            })
        },
        logout:function () {
            layer.msg("注销倒计时......")
            sessionStorage.removeItem("userInfo");
            localStorage.clear();
            window.location.href="/view/logout"
        },

        /**
         * 收藏
         */
        addFavor:function () {
            axios.request({
                url:`/userFavorGoods/addFavor/${JSON.parse(localStorage.getItem("thisgoodsId"))}/${JSON.parse(localStorage.getItem("userId"))}`
            }).then(res=>{
                this.collectBtn=true;
                layer.msg("添加收藏成功")
            });
        },

        /**
         * 取消收藏
         */
        deleteFavor:function () {
            axios.request({
                url:`/userFavorGoods/deleteFavor/${JSON.parse(localStorage.getItem("thisgoodsId"))}/${JSON.parse(localStorage.getItem("userId"))}`
            }).then(res=>{
                this.collectBtn=false;
               layer.msg("取消收藏成功")
            })

        }

    },
    filters:{
        judge(value){
            var returnVal="";
            switch (value) {
                case "1":
                    returnVal="数码产品";
                    break;
                case "2":
                    returnVal="运动户外";
                    break;
                case "3":
                    returnVal="家居家纺";
                    break;
                case "4":
                    returnVal="家具家装";
                    break;
                case "5":
                    returnVal="生活超市";
                    break;
                case "6":
                    returnVal="唯品国际";
                    break;
                case "7":
                    returnVal="医药健康";
                    break
            }
            return returnVal;
        }
    }
});